@charset "utf-8";
html{
}
//禁止长按复制
* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
//IOS下INPUT框无法输入内容
input {
  -webkit-user-select:auto;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, div,
button, select, textarea, p, blockquote, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}
body{
  font: normal normal normal #{$fontsize}/1.5 "HelveticaNeue",Helvetica,"PingFangSC","HiraginoSansGB","MicrosoftYaHei",
  "微软雅黑",Arial,sans-serif;
  color: #575e65;
  background-color: #f2f2f2;
}

ul li {
  list-style: none
}

.clearfix {
  clear: both;
  &:after {
    content: ".";
    display: inline-block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
@media screen and (width:320px){
  html{
    font-size: 8px;
  }
}
@media screen and (width:360px){
  html{
    font-size: 9px;
  }
}
@media screen and (width:375px){
  html{
    font-size: 10px;
  }
}
@media screen and (width:414px){
  html{
    font-size: 11px;
  }
}
@media screen and (width:480px){
  html{
    font-size: 12px;
  }
}
@media screen and (width:550px){
  html{
    font-size: 13px;
  }
}
@media screen and (width:630px){
  html{
    font-size: 14px;
  }
}
@media screen and (width:700px){
  html{
    font-size: 15px;
  }
}
@media screen and (width:78px){
  html{
    font-size: 16px;
  }
}
